.box {
  background-color: red;
}

.default {
  font-size: 50px;
}
.roomForm {
  :global {
    .ant-radio-wrapper,
    .ant-checkbox-wrapper {
      vertical-align: middle;
    }
  }
}
.ClassRoomDetails,
.ClassRoomOccupy {
  background: #ffffff;
  :global {
    .ant-pro-card-body {
      padding: 0;
    }
    .ant-pro-table-list-toolbar-title {
      font-weight: bold;
    }
  }
}

.ClassRoomOccupy {
  .content {
    margin-top: 20px;
  }
  .timaMain {
    border: 1px solid #e3e0e0;
    position: relative;
    border-top: 0;
    height: 500px;
    overflow-y: auto;
    .boxHidden {
      position: relative;
      cursor: default;
      .timeContent {
        width: 100%;
        position: relative;
        .timeHr {
          width: 100%;
          border-top: 1px solid #e3e0e0;
          display: flex;
          justify-content: flex-start;
          overflow: hidden;
          .timeSecond {
            width: 12.5%;
            text-align: center;
            line-height: 119px;
            font-size: 14px;
            background-color: #ffffff;
          }
          .timeHeaderOther {
            width: 87.5%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: nowrap;
            position: absolute;
            left: 12.5%;
            .timeHeaderName {
              flex: 1;
              min-width: 190px;
              flex-shrink: 0;
              text-align: center;
              position: relative;
              border-left: 1px solid #e3e0e0;
              line-height: 59px;
              z-index: 10;
              display: flex;
              justify-content: center;
              .roomSpan {
                max-width: 70%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                display: inline-block;
              }
            }
          }
        }
        .strik {
          position: sticky;
          top: 0;
          left: 0;
          background: #ffffff;
          z-index: 100;
        }
        .strikShadow {
          box-shadow: 0 2px 8px 0 rgb(0 0 0 / 30%);
        }
      }
      .roomContent {
        margin-left: 12.5%;
        width: 87.5%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow-x: auto;
        .roomContentBox {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: flex-start;
          flex-wrap: nowrap;
          .roomContentItem {
            flex: 1;
            min-width: 190px;
            flex-shrink: 0;
            text-align: center;
            position: relative;
            border-left: 1px solid #e3e0e0;
            .roomHeader {
              line-height: 59px;
            }
            .card_resize {
              position: absolute;
              user-select: none;
              color: rgba(0, 0, 0, 0.8);
              padding: 0 8px;
              width: calc(100% - 4px);
              margin: 2px;
              box-sizing: border-box;
              border-top-right-radius: 5px;
              border-bottom-right-radius: 5px;
              border-left: 3px solid #e3e0e0;
              overflow: hidden;
              cursor: pointer;
              text-align: left;
              &::selection {
                background: transparent;
              }
              .card_operate {
                position: absolute;
                top: 0;
                right: 0;
                z-index: 99;
                border-radius: 5px;
                background-color: #ffffff;
                border: 1px solid red;
                color: red;
                width: 60px;
                line-height: 24px;
                text-align: center;
                font-size: 12px;
                opacity: 0;
              }
              .card_item,
              .card_name,
              .card_teach,
              .card_rate {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                width: 100%;
                font-size: 12px;
                margin-top: 4px;
                word-break: break-all;
                :global {
                  .ant-rate {
                    font-size: 12px;
                  }
                  .ant-tag {
                    background: transparent;
                    border: 1px solid rgba(0, 0, 0, 0.5);
                    margin-left: 5px;
                    position: absolute;
                    top: 5px;
                    right: 5px;
                    line-height: 15px;
                    height: 17px;
                    padding: 0 7px;
                  }
                }
              }
              &:hover {
                box-shadow: 0 2px 8px 0 rgb(0 0 0 / 30%);
                .card_operate {
                  opacity: 1;
                }
              }
            }
            .hasExpired {
              background: #b5b6b8 !important;
              border-left: 3px solid #858687 !important;
              color: rgba(250, 250, 250) !important;
              box-shadow: none;
            }
          }
        }
      }
      /* 设置滚动条的大小 */
      .roomContent::-webkit-scrollbar {
        width: 4px; /* 纵向滚动条的大小 */
        height: 4px; /* 横向滚动条的大小 */
      }
      /* 设置滚动条可拖动滑块的样式 */
      .roomContent::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgba(0, 0, 0, 0.2);
      }
      /* 设置外层轨道的样式 */
      .roomContent::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: rgba(0, 0, 0, 0.1);
      }
    }
  }
}
.tabFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  .FullIcon {
    width: 40px;
    text-align: right;
    margin-bottom: 16px;
  }
  :global {
    .ant-tabs {
      width: calc(100% - 40px);
    }
    .ant-tabs-top > .ant-tabs-nav::before {
      width: calc(100% + 40px);
    }
    .anticon {
      cursor: pointer;
      font-size: 22px;
    }
  }
}
.tabFixed {
  position: fixed;
  background: #ffffff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 500;
  padding: 15px;
}
.FullContainer {
  :global {
    .ant-spin-nested-loading .ant-spin-blur {
      opacity: 1;
    }
    .ant-spin-nested-loading > div > .ant-spin {
      z-index: 501;
    }
  }
}
